{/* LAYOUT模板 */}
<layout name="layout"/>
{/* LAYOUT模板 */}
{/* import Js,Css */}
<js href="__JS__/admin/js.util.js"/>
<css href="__CSS__/admin/common.css"/>
<css href="__CSS__/jquery-ui.css" />
<js href="__JS__/core/jquery-ui.1.10.4.js" />
<js href="__JS__/core/jquery.form.js" />
<js href="__JS__/core/plugins.js"/>
{/* import js,css */}
<!-- [position] -->
<include file="Template:position"/>
<!-- [position] -->
<div id="loading" class="hide"><!--加载条--></div>

<div class="main-div">
    <form id="add-attribute-form" action="__URL__/{$act}" method="post" name="theForm">
        <table width="100%" id="general-table">
            <tbody>
                <tr>
                    <td class="label" width="200px">
                        属性名称：
                    </td>
                    <td>
                        <input type="text" name="attr_name" value="{$attr.attr_name}" size="30">
                        <span class="require-field">
                            *
                        </span>
                    </td>
                </tr>
                <tr>
                    <td class="label">
                        所属商品类型：
                    </td>
                    <td>
                        <select name="cat_id" onchange="onChangeGoodsType(this.value)">
                            <option value="0">
                                请选择...
                            </option>
                            {$goods_type_list}
                        </select>
                        <span class="require-field">
                            *
                        </span>
                    </td>
                </tr>
                <tr id="attrGroups">
                    <td class="label">
                        属性分组：
                    </td>
                    <td>
                        <select id="attr_group" name="attr_group">
							<volist name="attr_groups" id="vo">
								<option value="{$key}">{$vo}</option>
							</volist>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td class="label">
                        <a href="javascript:showNotice('noticeindex');" title="点击此处查看提示信息">
                            <img src="__IMG__/admin/notice.gif" width="16" height="16" border="0" alt="点击此处查看提示信息">
                        </a>
                        能否进行检索：
                    </td>
                    <td>
                        <input type="radio" name="attr_index" value="0" <if condition="$attr['attr_index'] eq 0">checked="true"</if> />
                        不需要检索
                        <input type="radio" name="attr_index" value="1" <if condition="$attr['attr_index'] eq 1">checked="true"</if> />
                        关键字检索t
                        <input type="radio" name="attr_index" value="2" <if condition="$attr['attr_index'] eq 2">checked="true"</if> />
                        范围检索
                        <br>
                        <span class="notice-span" style="display:block" id="noticeindex">
                            不需要该属性成为检索商品条件的情况请选择不需要检索，需要该属性进行关键字检索商品时选择关键字检索，如果该属性检索时希望是指定某个范围时，选择范围检索。
                        </span>
                    </td>
                </tr>
                <tr>
                    <td class="label">
                        相同属性值的商品是否关联？
                    </td>
                    <td>
                        <input type="radio" name="is_linked" value="0" <if condition="$attr['is_linked'] eq 0">checked="true"</if> />
                        否
                        <input type="radio" name="is_linked" value="1" <if condition="$attr['is_linked'] eq 1">checked="true"</if> />
                        是
                    </td>
                </tr>
                <tr>
                    <td class="label">
                        <a href="javascript:showNotice('noticeAttrType');" title="点击此处查看提示信息">
                            <img src="__IMG__/admin/notice.gif" width="16" height="16" border="0" alt="点击此处查看提示信息">
                        </a>
                        属性是否可选
                    </td>
                    <td>
                        <input type="radio" name="attr_type" value="0" checked="true">
                        唯一属性
                        <input type="radio" name="attr_type" value="1">
                        单选属性
                        <input type="radio" name="attr_type" value="2">
                        复选属性
                        <br>
                        <span class="notice-span" style="display:block" id="noticeAttrType">
                            选择"单选/复选属性"时，可以对商品该属性设置多个值，同时还能对不同属性值指定不同的价格加价，用户购买商品时需要选定具体的属性值。选择"唯一属性"时，商品的该属性值只能设置一个值，用户只能查看该值。
                        </span>
                    </td>
                </tr>
                <tr>
                    <td class="label">
                        该属性值的录入方式：
                    </td>
                    <td>
                        <input type="radio" name="attr_input_type" value="0" <if condition="$attr['attr_input_type'] eq 0">checked="true"</if> onclick="radioClicked(0)">
                        手工录入
                        <input type="radio" name="attr_input_type" value="1" <if condition="$attr['attr_input_type'] eq 1">checked="true"</if> onclick="radioClicked(1)">
                        从下面的列表中选择（一行代表一个可选值）
                        <input type="radio" name="attr_input_type" value="2" <if condition="$attr['attr_input_type'] eq 2">checked="true"</if> onclick="radioClicked(0)">
                        多行文本框
                    </td>
                </tr>
                <tr>
                    <td class="label">
                        可选值列表：
                    </td>
                    <td>
                        <textarea name="attr_values" cols="30" rows="5" disabled="">{$attr.attr_values}</textarea>
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        <div class="button-div">
                            <input id="submit-btn" type="button" value=" 确定 " />
                            <input type="reset" value=" 重置 " />
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>
        <input type="hidden" name="act" value="insert">
        <input type="hidden" name="attr_id" value="{$attr.attr_id}">
    </form>
</div>
<script>
	/*选择录入方式*/
	function radioClicked(n){
		document.forms['theForm'].elements["attr_values"].disabled = n > 0 ? false : true;
	}	
	/*改变商品类型触发事件*/
	function onChangeGoodsType(cat_id){
		$.ajax({
			url:'__URL__/get_attr_groups',
			type:'post',
			dataType:'json',
			data:{cat_id:cat_id},
			beforeSend:function(){
				$('#loading').QLoading({modal:false,status:'open'});
			},
			success:function(msg){
				if(msg.info == ''){
					$('#attrGroups').css('display','none');
				}
				else{
					$('#attrGroups').css('display','block');
					$('#attr_group').html('').html(msg.info);
				}				
				$('#loading').QLoading({img:'happy',text:'操作成功',modal:false,status:'close',time:1.5}); 
			}
		});
	}
	$(document).ready(function(){
		/*提交表单*/
		$('#submit-btn').click(function(){
			var values	=	$('#add-attribute-form').QVal();
			if(values.attr_name == ''){
				$('#loading').QLoading({text:'属性名称不能为空',modal:false,time:1.5}); return;
			}
			if(values.cat_id == 0 || values.cat_id == ''){
				$('#loading').QLoading({text:'商品类型不能为空',modal:false,time:1.5}); return;
			}
			$('#add-attribute-form').ajaxSubmit({
				url:'__URL__/{$act}',
				dataType:'json',
				beforeSubmit:function(){
					$('#loading').QLoading({modal:false,status:'open'});
				},
				success:function(msg){
					if(msg.data == '1'){	
						if(msg.status != '4'){
							$('#loading').QLoading({img:'happy',text:'操作成功,正在为您跳转...',modal:false,status:'close',time:5}); 
							setTimeout(function(){
								window.location.href = msg.info;
							},2000);
						}
						else{
							$('#loading').QLoading({img:'happy',text:'操作成功',modal:false,status:'close',time:1.5}); 
						}
					}
					else{
						$('#loading').QLoading({img:'sad',text:'操作失败',modal:false,status:'close',time:1.5}); 
					}
				}
			});
		});
	});
</script>
